<script setup lang="ts">
import {ref} from "vue";
import {DrawerPlacement} from "naive-ui";

const active = ref(false);
const placement = ref('right')
const activate = (place: DrawerPlacement) => {
  active.value = true
  placement.value = place
}
</script>

<template>

  <h1>全国各省峰谷电价差</h1>

  <p style="font-size: larger;">
    依据《国家发展改革委关于进一步深化燃煤发电上网电价市场化改革的通知》(发改价格(2021)1439号)、
    《国家发展改革委办公厅关于组织开展电网企业代理购电工作有关事项的通知》(发改办价格(2021)809号)，工商业用户全部进入电力市场，按照市场价格购电。对未直接参与市场交易和已直接参与市场交易又退出的工商业用户，由电网企业代理，通过挂牌交易、参与场内集中交易方式（不含撮合交易）从电力市场购电。
    <n-button style="display: inline" @click="activate('right')">
      各种电价解释
    </n-button>
  </p>
  <p style="font-size: larger;">
    全国各省市代理购电价格参见国家电网公告，<a href="https://95598.cn/osgweb/ipSupportDetailItems" target="_blank"
  >点击此链接后，切换到【电价标准】查看</a>
  </p>
  <nav>
    <ul>

      <li><a href="">Section 3</a></li>
    </ul>
  </nav>


  <n-drawer v-model:show="active" :width="502" :placement="placement">
    <n-drawer-content title="电价解释">
      <div><a href="https://baike.baidu.com/item/%E5%AE%B9%E9%87%8F%E7%94%B5%E4%BB%B7/5156562"
              target="_blank">容量电价</a>：它代表电力工业企业成本中的容量成本，即固定资产投资费用。在计算基本电费时，以客户设备（KVA）容量或客户最大负荷需求量（Kw）为单位，客户每月所付的基本电费，仅与容量或最大负荷需求量有关（也可以是事先由供电部门根据系统负荷的分散因素予以确认的值），而与其实际用电量无关。
      </div>
      <a href="https://baike.baidu.com/item/%E5%AE%B9%E9%87%8F%E7%94%B5%E4%BB%B7/5156562" target="_blank">需量电价</a>|
      <a>出清电价</a>|
      <a>输配电价</a>|
      <a href="" target="_blank">两部制电价</a>|
      <a href="" target="_blank">电度电价</a>|
    </n-drawer-content>
  </n-drawer>
</template>

<style scoped>
.p {
  font-size: larger !important;
}
</style>